<div class="container" style="background:#EFF2F7" ng-controller="controller_addmessage">
	<div class="header">
		<a href="#/home" id="returnBack" class="return"></a>
		<div class="l-icon">
			<span class="i"><img src="../resources/images/logo_l.png" /></span>
			<span class="t">聊天</span>
		</div>
	</div>
	<div style="height:46px;width:100%;"></div>
	
	<!-- 页面主要内容 -->
	<div class="wechat-content" id="wechatCont">
		<div class="older-list-wrap" id="olderListWrap">
			<ul>
				<li ng-repeat="familyItem in familyList">
					<a href="javascript:void(0)" account="{{familyItem.account}}" ng-click="toSelfInfo(familyItem.account)">
						<span class="img-wrap">
							<img ng-if="familyItem.icon != '' && familyItem.icon != null" ng-src="{{imagebasepath + familyItem.icon}}" />
							<img ng-if="(familyItem.icon == '' || familyItem.icon == null) && familyItem.sex == '2'" src="../resources/images/avator_f.png" />
							<img ng-if="(familyItem.icon == '' || familyItem.icon == null) && familyItem.sex != '2'" src="../resources/images/avator_m.png" />
						</span>
						<span class="username" ng-bind="familyItem.user_name == '' || familyItem.user_name == null ? familyItem.junciCode : familyItem.user_name"></span>
					</a>
				</li>
				<li ng-if="type_chat == 'all'">
					<a class="link-add" href="javascript:void(0)" ng-click="gotoBind()" class="ri-op"></a>
				</li>
			</ul>
		</div>
		
		<div class="chat-wrap">
			<ul ng-if="msgList.length > 0">
				<li ng-class="msgItem.flag === '0' ? 'msg-send' : 'msg-reply'" ng-repeat="msgItem in msgList" ng-cloak class="ng-cloak">
					<div class="chat-msg-time" ng-bind="msgItem.push_time | limitTo:16" ng-cloak class="ng-cloak"></div>
					<div class="chat-msg">
						<div class="avator-r" ng-if="!msgItem.isSending">
							<span class="img-wrap" ng-if="msgItem.flag === '1'">
								<img class="ava" ng-if="msgItem.icon != '' && msgItem.icon != null" ng-src="{{imagebasepath + '/' + msgItem.icon}}" />
								<img class="ava" ng-if="(msgItem.icon == '' || msgItem.icon == null) && msgItem.sex == '2'" src="../resources/images/avator_f.png" />
								<img class="ava" ng-if="(msgItem.icon == '' || msgItem.icon == null) && msgItem.sex != '2'" src="../resources/images/avator_m.png" />
							</span>
							<span class="img-wrap" ng-if="msgItem.flag === '0'">
								<img class="ava" ng-if="msgItem.icon != '' && msgItem.icon != null" ng-src="{{imagebasepath + '/' + msgItem.icon}}" />
								<img class="ava" ng-if="(msgItem.icon == '' || msgItem.icon == null) && msgItem.sex == '2'" src="../resources/images/ava_f_f.png" />
								<img class="ava" ng-if="(msgItem.icon == '' || msgItem.icon == null) && msgItem.sex != '2'" src="../resources/images/ava_f_m.png" />
							</span>
							
							<span class="username" ng-bind="msgItem.push_from"></span>
						</div>
						
						<div class="cont-l" ng-if="msgItem.push_type == 'PUSH_TYPE_WORD'">
							<span ng-if="!msgItem.isSending" ng-bind="msgItem.push_content"></span>
							<i class="arr"></i>
						</div>
						<div class="cont-l msg-img" ng-if="msgItem.push_type == 'PUSH_TYPE_IMAGE'">
							<img ng-if="!msgItem.isSending" ng-src="{{imagebasepath + '/' + msgItem.push_img}}" />
							<img ng-if="msgItem.isSending" src="../resources/images/i21.png" />
							<i class="arr1"></i>
							<div class="loading-line" ng-if="isSending && $last"><i class="loaded" id="loaded"></i></div>
						</div>
						<div class="cont-l msg-img" ng-if="msgItem.push_type == 'PUSH_TYPE_SOUND'">
							<img src="../resources/images/play_3.png" />
							<i class="arr1"></i>
							<div class="loading-line" ng-if="isSending && $last"><i class="loaded" id="loaded"></i></div>
						</div>
						<div class="cont-l msg-img" ng-if="msgItem.push_type == 'PUSH_TYPE_VIDEO'">
							<img src="../resources/images/video_icon.png" />
							<i class="arr1"></i>
							<div class="loading-line" ng-if="isSending && $last"><i class="loaded" id="loaded"></i></div>
						</div>
						
						
					</div>
				</li>
			</ul>
		</div>
		
		<div class="chat-footer" id="chatFooter">
			<div class="send-wrap">
				<a href="javascript:void(0)" class="show-img-send" ng-click="slideImgSend()">
					<img src="../resources/images/add.png" />
				</a>
				
				<div class="txt-in-wrap">
					<textarea ng-model="msgCont" ng-focus="autoBottom(this)"></textarea>
				</div>
				
				<a href="javascript:void(0)" class="btn-send" ng-click="sendMsg()">发送</a>
			</div>
			
			<div class="img-send-wrap" id="imgSendWrap">
				<input class="file-control" name="files" id="sendImg" type="file" onchange="angular.element(this).scope().sendImg()" ng-model="sendImgVal" />
				<a href="javascript:void(0)" class="link-send">
					<span class="i"><img src="../resources/images/i21.png" /></span>
					<span class="t">照片</span>
				</a>
				<a href="javascript:void(0)" class="link-send">
					<span class="i"><img style="margin-top: 17px;" src="../resources/images/i31.png" /></span>
					<span class="t">视频</span>
				</a>
			</div>
		</div>
	</div>
</div>
<style type="text/css">
	body{background:#fff!important;}
</style>